*{margin: 0;padding: 0;}
html,body{
    height: 100%;
    width: 100%;
}
.box{
    width: 500px;
    height: 500px;
    margin-left: 800px;
    padding-top: 50px;
   text-align: center;
   font-size: 30px;
   input{
       margin-top: 50px;
       line-height: 40px;
       width: 300px;
   }
   button{
       display: block;
       height: 50px;
       line-height: 50px;
       width: 200px;
       background-color: skyblue;
       color: #fff;
       margin-left: 150px;
       margin-top: 40px;
   }
}
.swiper-container{
    float: left;
    width: 600px;
    height: 100%;
}
.qq a{
    overflow: hidden;
    color: #000;
    text-decoration: none;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
    font-size: 30px;
    display: flex;
    align-items: center;
    font-family: -apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
    img{
        margin-right: 10px;
    }
}
